<!DOCTYPE html>
<!-- lang="zh-cn"，此网页基本是中文内容 -->
<html lang="zh-cn">

	<head>
		<meta charset="utf-8" />
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<!-- 使用最新的IE兼容模式渲染此网页 -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<!-- 在双核浏览器下，默认使用webkit内核，由360浏览器提出 -->
		<meta name="renderer" content="webkit">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>后台界面</title>
		<link rel="stylesheet" href="https://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/backstage.css" />
		<script src="vendor/jquery.min.js"></script>
		<script src="vendor/bootstrap.min.js"></script>
		<!-- 让IE9以下的浏览器支持HTML5标签 -->
		<!--[if lt IE 9]>
        	<script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>
        	<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
	</head>
	<body>
		
			<nav class="navbar navbar-default">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
    	<button type="button" class="navbar-toggle collapsed" data-toggle="modal" data-target="#login " aria-expanded="false">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
         </button>
      <a class="navbar-brand" href="index.html"> <img alt="Brand" src="img/logo.jpg"></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-9" aria-expanded="false" >
    	
      <!-- 登录成功之前：	-->
					<ul class="nav navbar-nav navbar-right" id="noLogin">
							<li>
								<a href="#" data-toggle="modal" data-target="#myModal"><span class="glyphicon glyphicon-log-in"></span>登录</a>
							</li>
							<li>
								<a href="#" data-toggle="modal" data-target="#myModal1"><span class="glyphicon glyphicon-user"></span>注册</a>
							</li>
					</ul>
					
					<!-- 登录成功之后：-->
					<ul class="nav navbar-nav navbar-right" style="display: none;" id="logined">
						<script type="text/template" id="loginedTpl">
							<li>
								<img src="<%= user.photo %>" width="50" height="50" class="img-rounded"/>
							</li>
							<li>
								<a href="javascript:void(0)" title="点击查看<%= user.code %>的个人资料"><strong>欢迎您，<%= user.code %></strong></a>
							</li>
							<li>
								<a href="Background.html"><i class="glyphicon glyphicon-pencil"> </i> 写博客</a>
							</li>
							<li>
								<a href="javascript:void(0);" id="logout">退出</a>
							</li>
						</script>
					</ul>
    </div>
  </div>
</nav>
   
      				<!--登录-->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content loginbox">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">登录</h4>
					</div>
					<form class="form-signin" role="form">
						<input type="text" class="form-control" placeholder="请输入用户名" required id="loginCode">
						<input type="password" class="form-control" placeholder="请输入密码" required id="loginPassword">
						<div class="checkbox">
							<label><input type="checkbox" value="rememberMe" id="rememberMe" checked="checked"> 自动登录</label>
						</div>
						<button class="btn btn-lg btn-primary btn-block" type="button" id="loginButton" data-loading-text="登录中..." >登录</button>
					</form>
				</div>
			</div>
		</div>
		<!--注册-->
		<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content loginbox">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						<h4 class="modal-title">注册</h4>
					</div>
					<form class="form-signin" role="form">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="请输入用户名" id="registerCode">
						</div>
						<div class="form-group">
							<input type="password" class="form-control" placeholder="请输入密码" id="registerPassword">
						</div>
						<div class="form-group">
							<input type="password" class="form-control" placeholder="请确认密码" id="registerConfirmPassword">
						</div>
						<button type="button" class="btn btn-lg btn-primary btn-block" type="submit" id="registerBtn" data-loading-text="注册中..." autocomplete="off">注册</button>
					</form>
				</div>
			</div>
		</div>
      <div class="container-fluid">
      	<div class="row">
      	<div class="col-sm-3 col-md-2  sidebar">
      	      <ul class="nav nav-sidebar" id="dian" style="margin-top: 0;">
      			<li class="boke"><a href="" class="list-group-item active">博客管理</a></li>
      			<li><a href="" class="list-group-item">用户管理</a></li>
      			<li><a href="" class="list-group-item">分类管理</a></li>
      			<li><a href="" class="list-group-item">文章管理</a></li>
      			<li><a href="" class="list-group-item">评论管理</a></li>
      		</ul>
      	</div>
      	  <div class="col-sm-9   col-sm-offset-3 " id="bian">
      	  	<table class="table ">
      <caption style="font-size:20px ;color: #000;">文章管理</caption>	  		
      <caption class="divider"><a href="">新增</a></caption>
      <thead>
        <tr>
          <th>编号</th>
          <th>文章标题</th>
          <th>发布时间</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr class="active">
          <th scope="row">1</th>
          <td>今日话题</td>
          <td>2017.3.17</td>
            <td><button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
		   <button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
          </td>
        </tr>
        <tr class="active">
          <th scope="row">2</th>
        <td>今日话题</td>
          <td>2017.3.17</td>
            <td><button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
		   <button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
          </td>
        </tr>
        <tr class="active">
          <th scope="row">3</th>
         <td>今日话题</td>
          <td>2017.3.17</td>
           <td><button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
		   <button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
          </td>
        </tr>
           <tr class="active">
          <th scope="row">4</th>
         <td>今日话题</td>
          <td>2017.3.17</td>
          <td><button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
		   <button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
          </td>
        </tr>
           <tr class="active">
          <th scope="row">5</th>
         <td>今日话题</td>
          <td>2017.3.17</td>
           <td><button type="button" class="btn btn-default btn-xs  btn-warning">修改</button>
		   <button type="button" class="btn btn-default btn-xs  btn-danger">删除</button>
          </td>
        </tr>
      </tbody>
    </table>
        <div class="btn-group" role="group" aria-label="First group">
          <div class="text-center">
					<button class="btn btn-default" id="firstPage">首页</button>
					<button class="btn btn-default" id="prePage">上一页</button>
					<button class="btn btn-default" id="nextPage">下一页</button>
					<button class="btn btn-default" id="lastPage">尾页</button>
					<span>当前是第<b class="text-primary" id="pageNumber"></b>页，共<b class="text-primary" id="totalPage">2</b>页，<b class="text-primary" id="totalRow">16</b>条数据</span>
				</div>
      </div>
      	  </div>
      	 
      	</div>
      </div>
      <script  src="vendor/lodash.js" ></script>
       	<script src="vendor/jquery.min.js"></script>
		<script src="vendor/bootstrap.min.js"></script>
		<script src="vendor/layer-v3.0.3/layer/layer.js"></script>
		<script src="vendor/jquery.cookie.js"></script>
		<script  src="js/common.js" ></script>
		<script  src="js/header.js" ></script>
		<script src="js/Backstage.js" ></script>
	</body>
</html>
